// 搜索按钮
import moment from 'moment'
import QuestionSearchButton from '@/components/QuestionSearchButton'
import HmNavBar from '@/components/HmNavBar'
import BackTop from '@/components/BackTop'
export default {
  install: Vue => {
    // 注册全局组件
    Vue.component(QuestionSearchButton.name, QuestionSearchButton)
    Vue.component(HmNavBar.name, HmNavBar)
    Vue.component(BackTop.name, BackTop)
    // 将基地址挂到Vue原型上
    Vue.prototype.$baseUrl = process.env.BASE_URL
    // 将日期格式化过滤器注册成全局
    // 格式化到time
    Vue.filter('formatTime', str => {
      return moment(str).format('YYYY-MM-DD HH:mm:ss')
    })
    // 格式化到date
    Vue.filter('formatDate', str => {
      return moment(str).format('YYYY-MM-DD')
    })
    // 按时间戳格式化
    Vue.filter('format', str => {
      const diff = moment(str).diff(moment(), 'milliseconds')
      const duration = moment.duration(diff)
      const y = Math.abs(duration.years())
      const m = Math.abs(duration.months())
      const d = Math.abs(duration.days())
      const h = Math.abs(duration.hours())
      const mm = Math.abs(duration.minutes())
      // const s = Math.abs(duration.seconds())
      if (y >= 1) {
        return `${y}年前`
      } else if (m >= 1) {
        return `${m}个月前`
      } else if (d >= 1) {
        return `${d}天前`
      } else if (h >= 1) {
        return `${h}小时前`
      } else if (mm > 1) {
        return `${mm}分钟前`
      } else {
        return '刚刚'
      }
    })
  }
}
